/* 全局样式 ‌:ml-citation{ref="1,4" data="citationList"} */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

body {

	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #333;
	line-height: 1.6;
}

/* 头部 ‌:ml-citation{ref="1" data="citationList"} */
.header {
	background: rgba(255, 255, 255, 0.8);
	padding: 2rem;
	text-align: center;
	line-height: 1.6;
}

/* 导航栏 ‌:ml-citation{ref="3" data="citationList"} */
.navbar {
	/* 水平渐变：从主色过渡到相近的浅橙色 */
	background: linear-gradient(180deg, #FB8538 0%, transparent 100%);
	padding: 1rem;
	color: white;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border: none;
	box-shadow: none;
}

/* 针对伪元素边框 */
.navbar::before,
.navbar::after {
	content: none;
}



.navbar a {
	text-align: center;
}

/* 服务介绍区块 ‌:ml-citation{ref="2,4" data="citationList"} */
.service-section {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	padding: 2rem;
	max-width: 1200px;
	margin: 2rem auto;
}

.service-card {
	background: white;
	border-radius: 8px;
	padding: 1.5rem;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}

.service-card:hover {
	transform: translateY(-5px);
}

/* 用户端/维修端标识 ‌:ml-citation{ref="2" data="citationList"} */
.badge {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 20px;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

.client-badge {
	background: #4A90E2;
	color: white;
}

.repair-badge {
	background: #FF6B35;
	color: white;
}

/* 响应式设计 ‌:ml-citation{ref="4" data="citationList"} */
@media (max-width: 768px) {
	.service-section {
		grid-template-columns: 1fr;
		padding: 1rem;
	}
}

.service-card {
	text-align: center;
}

.service-card>* {
	margin-left: auto;
	margin-right: auto;
}

ul,
ol {
	list-style-type: none;
	/* 完全移除项目符号 ‌:ml-citation{ref="2,4" data="citationList"} */
	padding-left: 0;
	/* 消除默认缩进 ‌:ml-citation{ref="2,3" data="citationList"} */
}

a {
	text-decoration: none;
	/* 移除所有状态的下划线 */
}

/* 用户端主题 */
.client-theme {
	background: #E3F2FD;
	/* 浅蓝色背景 */
	color: #1A237E;
	/* 深蓝色文字 */
}

.client-badge {
	background: #1A237E;
	/* 深蓝色背景 */
	color: #FFFFFF;
	/* 白色文字 */
}

/* 维修端主题 */
.repair-theme {
	background: #FFF3E0;
	/* 浅橙色背景 */
	color: #BF360C;
	/* 深橙色文字 */
}

.repair-badge {
	background: #BF360C;
	/* 深橙色背景 */
	color: #FFFFFF;
	/* 白色文字 */
}

/* 点击状态锁定 */
.service-card {
	transition: background 0.3s ease;
}

a:active .service-card {
	background: inherit !important;
	/* 保持点击状态与原始一致‌:ml-citation{ref="2,3" data="citationList"} */
}

.service-card h2,
.service-card p {
	color: inherit;
	/* 继承父级颜色设置‌:ml-citation{ref="1,3" data="citationList"} */
}